// 前置守卫
import router from './router'
import store from './store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式
// import { asyncRoutes } from '@/router'

// 白名单
const whiteList = ['/login', '/404']

router.beforeEach(async(to, from, next) => {
  NProgress.start() // 进度条
  /* must call `next` */
  const token = store.getters.token
  if (token) {
    if (to.path === '/login') {
      // 如果有token 并且前往的是登录页 让页面跳转到主页
      next('/')
      NProgress.done()
    } else {
      // 如果有token 前往的不是登录页 放行
      // 如果vuex中有了用户资料，就不用再重复发送ajax
      if (!store.state.user.userInfo.userId) {
        const res = await store.dispatch('user/getUserInfo')
        // console.log('将来的权限控制', res.roles.menus)
        const otherRoutes = await store.dispatch('permission/filterRoutes', res.roles.menus)
        router.addRoutes([...otherRoutes, { path: '*', redirect: '/404', hidden: true }]
        )
        // router.addRoutes(asyncRoutes)
        next({
          ...to,
          replace: true
        })
      }
      next()
    }
  } else {
    if (whiteList.includes(to.path)) {
      // 没有token ，但是是白名单里的页面 放行
      next()
    } else {
      // 没有token，没有白名单  跳转至login
      next('/login')
      NProgress.done()
    }
  }
})
router.afterEach((to, from) => {
  // to and from are both route objects.
  setTimeout(() => {
    NProgress.done()
  }, 300)
})
